<template>
    <div class="top">
        <div class="top_l">{{fan}}</div>
        <div class="top_t">{{ content }}</div>
        <div>
            <slot name="aaa">

            </slot>
        </div>
    </div>
</template>

<script>
export default {
    props: ["content","fan"],
};
</script>

<style lang='less' scoped>
.top {
    width: 100vw;
    height: 7vw;
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    .top_l{
       position: relative;
       left: -30vw;
    }
    .top_t {
        font-size: 5vw;
    }

    .icon_r {
        font-size: 4vw;
        color: #3FBC58;

        right: -35vw;
    }

    .icon_l {
        font-size: 4vw;
        color: #3FBC58;
        right: -35vw;
    }
}
</style>